<template>
	<view class="" :style="
	'background-image: url(http://oss.91xiaokong.com/fireControl/index/5.png?x-oss-process=image/resize,m_fill,w_'+windowWidth+',h_'+windowHeight+');background-size: 100% 100%;background-repeat: repeat;height: 100%;width: 100%;'">
		<view class="">
			<view class="head">
				<image class="headImg" src="http://oss.91xiaokong.com/fireControl/index/7.png" mode=""></image>
				<image class="headImg2" src="http://oss.91xiaokong.com/fireControl/index/3.png" mode=""></image>
			</view>

			<view class="title">
				<text>正规化建设推进现场会</text>
			</view>
			<!-- <view class="title2">
				<text>暨试点成果交流展示现场会议</text>
			</view> -->

			<view class="middle">
				<image class="middleImg" src="http://oss.91xiaokong.com/fireControl/index/2.png" mode=""></image>
			</view>

			<view class="bottom">
				<image @click="goNavigation" class="bottomImg" src="http://oss.91xiaokong.com/fireControl/index/1.png" mode=""></image>
			</view>

			<view class="">
				<text class="bottomTitle">河北省消防救援总队</text>
				<view class="">
					<text class="bottomTitle2">{{getDateByYearMonth}}</text>
				</view>
			</view>
		</view>
	</view>


</template>

<script>
	import {
		request,
		ossUrl
	} from '../util/ajax.js'
	import {
		changeLastPage,
		checkPageLogin,
		checkPerms,
		getDateByYearMonth
	} from '../util/utils.js';
	import {
		mapState,
		mapMutations,
		mapGetters
	} from 'vuex';
	export default {
		data() {
			return {
				ossUrl: ossUrl,
				title: 'Hello',
				getDateByYearMonth: getDateByYearMonth().fullDate,
				windowHeight: '',
				windowWidth: ''

			}
		},
		computed: {
			...mapState(['userInfo', 'sysUser', 'sysMenus']),

		},
		onLoad() {
			this.getSystemInfo();
		},
		onShow() {

		},
		methods: {
			getSystemInfo() {
				let that = this;
				uni.getSystemInfo({
					success: function(e) {
						console.log(e)
						that.windowHeight = e.windowHeight;
						that.windowWidth = e.windowWidth;
					}
				})
			},
			goNavigation() {
				console.log(111)
				uni.navigateTo({
					url: '/pages/home/home'
				})
			}
		}
	}
</script>

<style scoped>
	@font-face {
		font-family: 'HYHeiFangW';
		src: url("../../common/HYHeiFangW.ttf");
	}

	.bottomTitle2 {
		color: #FFFFFF;
		font-size: 28rpx;
		font-weight: 100;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		margin: 0rpx auto;
		margin-bottom: auto;
	}

	.bottomTitle {
		height: 69rpx;
		color: #FFFFFF;
		font-size: 34rpx;
		font-weight: 100;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		margin: 0rpx auto;
		margin-bottom: auto;
		padding-top: 70rpx;
	}

	.bottom {
		padding-top: 400rpx;
	}

	.bottomImg {
		width: 228rpx;
		height: 85rpx;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		margin: 0 auto;

	}

	.middleImg {
		width: 271rpx;
		height: 273rpx;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		margin: 0 auto;
		top: 300rpx
	}

	.title2 {
		height: 69rpx;
		color: #FFFFFF;
		font-size: 30rpx;
		font-weight: 300;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		margin: 0rpx auto;
		margin-bottom: auto;
		padding-top: 70rpx;
		line-height: 152px;
	}

	.title {
		text-shadow: 0px 0px 6px #2C2C2C;
		height: 81rpx;
		font-family: 'HYHeiFangW';
		color: #FFCB56;
		font-size: 60rpx;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		margin: 0rpx auto;
		margin-bottom: auto;
		letter-spacing: 5rpx;
		padding-top: 48rpx;
		line-height: 414rpx;
	}



	page {
		height: 100%;
	}

	.content {
		background-image: url('http://oss.91xiaokong.com/fireControl/index/5.png');
		background-size: 100% 100%;
		background-repeat: repeat;
		height: 100%;
		width: 100%;
	}

	.headImg2 {
		width: 493rpx;
		height: 50rpx;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		margin: 0rpx auto;
		position: absolute;
		top: 180rpx;
		left: 120rpx;
	}

	.head {
		position: relative;
	}

	.headImg {
		width: 493rpx;
		height: 230rpx;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		margin: 0 auto;
		padding-top: 105rpx;

	}
</style>
